<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单项标签</title>
    <style>
        body{
            background: url("../html素材/bg.png") ;
        }
        .a2{
            background: white;
            width: 400px;
            text-align: center;
            margin: auto;
        }
    </style>
</head>
<body>
    <div class="a1">
        <img src="../html素材/05.png" width="240" height="70">
    </div>
    <div class="a2">
        <form action="#" method="post" autocomplete="off">
        <label for="username">姓名：</label>
            <input type="text" id="username" name="username"
                   placeholder="输入姓名" required> <br/>

        <label for="username">性别：</label>
            <input type="radio" id="sex" name="sex" value="men" >男 &nbsp;&nbsp;
            <input type="radio" name="sex" value="women" checked >女 &nbsp;&nbsp;
            <input type="radio" name="sex" value="else" >其他 <br/>

        <label for="password">密码：</label>
            <input type="password" id="password" name="password"
                   placeholder="输入密码" required> <br/>

        <label for="hobby">爱好：</label>
            <input type="checkbox" id="hobby" name="hobby" value="game" >游戏
            <input type="checkbox" name="hobby" value="read" >读书
            <input type="checkbox" name="hobby" value="film" >电影 <br/>
        <label for="birthday">生日：</label>
            <input type="date" id="birthday"> <br/>

        <label for="time">当前时间：</label>
            <input type="time" id="time"> <br/>

        <label for="datetime">确切时间：</label>
            <input type="datetime-local" id="datetime"> <br/>

        <label for="age">年龄：</label>
            <input type="number" id="age"> <br/>

        <label for="free">心情值：</label>
            <input type="range" id="free" min="1" max="10" step="1"> <br/>

            个人介绍：<textarea name="desc" rows="5" cols="20"></textarea> <br/>
            <button type="submit">提交</button>
            <button type="reset">重置</button>
        </form>
    </div>

</body>
</html>